*{
    margin: 0;padding: 0;
    text-decoration: none;
    list-style: none;
}




 //公共头部结束*************************************************************
#header{
    width: 100%;height: 35px;
    background: #009B72;
    .center{
        width: 1200px;height: 35px; 
//      background: red;
        margin: 0 auto;
        //左部分开始
        .left{
            width: 432px;height: 35px;
//          background: blue;
            float: left;
            li{
                float: left;
                line-height: 35px;
                border-left:1px solid #47B488;
                &:hover{
                    background: #47b488;
                }
                a{
                    font-size: 14px;
                    color: white;
                    font-weight: 600;                   
                    
                }
            }
            .gi1{
                width: 67px;height: 35px;
                text-align: center;
            }
            .gi2{
                width: 90px;height: 35px;
                text-align: center;
            }
            .gi3{
                width: 93px;height: 35px;
                text-align: center;
            }
            .gi4{
                width: 93px;height: 35px;
                text-align: center;
            }
            .gi5{
                width: 80px;height: 35px;
                text-align: center;
            }
        }
        //左部分结束
        
        //右部分开始
        .right{
            width: 137px;height: 35px;
//          background: khaki;
            float: right;
            li{
                float: left;
                line-height: 35px;
                border-left:1px solid #47B488;
                &:hover{
                    background: #47b488;
                }
                a{
                    font-size: 14px;
                    color: white;
                    font-weight: 600;                   
                    
                }
                
            }
            .gi1{
                width: 67px; height: 35px;
                text-align: center;
            }
            .gi2{
                width: 67px;height: 35px;
                text-align: center;
            }
           
        }
        //右部分结束
    }
}

//导航区域开始
#dh{
    width: 100%;height: 81px;
    
//  background: red;
    border-bottom: 1px solid #ccc;
    #wrapper{
            width: 1200px;height: 81px;
//          background: chartreuse;
            margin: 0 auto;   
        #logo{
                width: 400px;height: 31px;
                float: left;
        //      background: red;      
                margin-top: 22px;
        }
         .shop{
            width: 150px;height: 61px;
            border: 1px solid #E8E8E8;
            float: right;
            border-radius:4% ;
            margin-top:10px ;
            .text{
                float: left;
                font-size: .875rem;
                font-weight: 700;
                line-height: 59px;
                margin-left: 20px;
                a{
                    color: #8A8A8A;
                    
                }
            }
            .icon{
                float: right;
                width: 32px;height: 34px;
                background: url(../images/shop.png);
                margin-right: 31px;
                margin-top: 12px;
            }
            .num{
                float: right;
                width: 25px;height: 25px;
//              border: 1px solid black;
                border-radius: 50%;
                margin-right: 20px;
                margin-top: -42px;
                background: #2AAD6F;
                .shop-count{
                    float: right;
                    width: 22px;height: 22px;
                    margin-right: 2px;
                    line-height: 22px;
                    text-align: center;
                    font-size: 16px;
                    color: white;
                    font-weight:700;
                }
            }
            
        }
        .nav{
            width: 426px;height: 78px;
//          background: navajowhite;    
            float: right;
            li{
                float: left;
                line-height: 78px;
                a{
                    color: #8A8A8A;
                     font-size: .875rem;
                    
                    font-weight: 700;
                }
            }
            .gi1{
                width: 74px;height: 48px;
                text-align: center;
            }
            .gi2{
                width: 74px;height: 48px;
                text-align: center;
            }
            .gi3{
                width: 70px;height: 48px;
                text-align: center;
            }
            .gi4{
                width: 104px;height: 48px;
                text-align: center;
            }
            .gi5{
                width: 104px;height: 48px;
                text-align: center;
            }
        }
       
    }
}


//公共头部结束


//内容开始
.main-content-user{
    width: 100%;height: 1057px;
    border-bottom: 1px solid #CCCCCC;
    .wrapper{
        width: 1200px;height: 1057px;

        margin: 0 auto;
        .breadcrumb{
            width: 1200px;height: 52px;

            line-height: 52px;
            li{
                float: left;
                font-size: .875rem;
                a{
                    color: #7b7b7b;
                }
                span{
                    padding: 0 10px;

                }
            }
        }
        .myOppo-menu{
            padding: 24px 0 20px;

            float: left;
            width: 1200px;
            
            .h-gamma{
            float: left;
            font-family: "微软雅黑";
            }
            .navigation{
                width: 277px;height: 31px;
                float: right;
                li{
                    float: left;
                    line-height: 31px;
                    margin: 0 14px;
                    a{
                        color: #5E5E5E;
                        font-size: 16px;
                        font-weight: 600;
                        font-family: "微软雅黑";
                    }
                }
                .active{
                    border-bottom: 2px solid #2aad6f;
                }
            }
        }
        .brick-shadow{
            margin: 0 auto;
            margin-top: 77px;
            border-top: 1px solid #E2E2E2;
            background: #FBFBFB;
            padding: 40px 30px;
            .button-light{
                background: #d4eee1;
                color: #1f8657;
                border: 2px solid transparent;
                font-size: 1rem;
                font-weight: 700;
                text-align: center;
                cursor: pointer;
                padding: 20px 38px;
                margin: 0;
                margin-bottom: 20px;
            }
            .address-create{
                width: 1140px;height: 700px;
//                      border: 1px solid;
                margin-top: 26px;
                margin-left: 29px;
                
                .con{
                    margin-top: 20px;
                    width: 25%;height: 107px;
//                          border: 1px solid;
                    label{
                        font-weight: 500;
                        margin-bottom: 20px;
                        display: block;
                    }
                    input[type=text]{
                        border: 1px solid #ccc;
                        padding: 23px;
                        border-radius: 4px;
                        background: #FFF;
                        font-size: 18px;
                        &:hover{
                            border: 1px solid #2AAD6F;
                        }
                    }
                }
                .tel{
                    margin-top: 20px;
                    width: 25%;height: 107px;
//                          border: 1px solid;
                    label{
                        font-weight: 500;
                        margin-bottom: 20px;
                        display: block;
                    }
                    input[type=text]{
                        border: 1px solid #ccc;
                        padding: 23px;
                        border-radius: 4px;
                        background: #FFF;
                        font-size: 18px;
                        &:hover{
                            border: 1px solid #2AAD6F;
                        }
                    }
                }
                .address{
                    margin-top: 20px;
                    width: 1140px;height: 202px;
//                          border: 1px solid;
                    label{
                        font-weight: 500;
                        margin-bottom: 20px;
                        display: block;
                    }
                    #s_province{
                        display: inline-block;
                        width: 222px;height: 66px;
                        border-radius: 4px;

                    }
                    #s_city{
                        display: inline-block;
                        width: 222px;height: 66px;
                        border-radius: 4px;
                    }
                    #s_county{
                        display: inline-block;
                        width: 222px;height: 66px;
                        border-radius: 4px;
                    }
                    input[type=text]{
                        margin-top: 10px;
                        border: 1px solid #ccc;
                        padding: 23px;
                        border-radius: 4px;
                        background: #FFF;
                        font-size: 18px;
                        width: 742px;
                    }
                }
                .emal{
                    margin-top: 20px;
                    width: 25%;height: 107px;
//                          border: 1px solid;
                    label{
                        font-weight: 500;
                        margin-bottom: 20px;
                        display: block;
                    }
                    input[type=text]{
                        border: 1px solid #ccc;
                        padding: 23px;
                        border-radius: 4px;
                        background: #FFF;
                        font-size: 18px;
                        &:hover{
                            border: 1px solid #2AAD6F;
                        }
                    }
                }
                .form-actions{
                    margin-top: 20px;
                    width: 1140px;height: 60px;
//                          border: 1px solid;
                    .pull-left{
                        width: 286px;height: 60px;
//                              border: 1px solid;
                        float: left;
                        .save{
                            display: inline-block;
                            width: 112px;height: 60px;
                            line-height: 60px;
                            text-align: center;
                            background: #d4eee1;
                            color: #1f8657;
                            border: 2px solid transparent;
                            font-size: 20px;
                            
                        }
                        .cancel{
                            margin-left: 20px;
                            display: inline-block;
                            width: 112px;height: 60px;
                            line-height: 60px;
                            text-align: center;
                            background: #d4eee1;
                            color: #1f8657;
                            border: 2px solid transparent;
                            font-size: 20px;

                        }
                    }
                }
            }

        }
        
       
    }
    
}

//内容结束














//公共底部
#foot-pic{
    width: 1200px;height: 112px;

    margin: 0 auto;
    margin-top: 54px;       
    #gi{
        width: 391px;height: 112px;
        background: #2AAD6F;
        display: inline-block;
        #img{
            width: 121px;height: 62px;

            float: left;
            margin-top: 21px;
            margin-left: 42px;
            background: url(../images/taolun.png)no-repeat;
        }
        #text{
            color: white;
            font-family: "微软雅黑";
            font-weight: 700;

            font-size: 1.25rem;
            float: right;
            margin-right: 51px;
            margin-top: 44px;
        }
    }
    
       #gi1{
        width: 391px;height: 112px;
        background: #EDEDED;
        display: inline-block;
        #img{
            width: 121px;height: 68px;

            float: left;
            margin-top: 21px;
            margin-left: 42px;
            background: url(../images/taolun1.png)no-repeat;
        }
        #text{
            color: black;
            font-family: "微软雅黑";
            font-weight: 700;

            font-size: 1.25rem;
            float: right;
            margin-right: 51px;
            margin-top: 44px;
        }
    }
    
    
      #gi2{
        width: 391px;height: 112px;
        background: #2AAD6F;
        display: inline-block;
        #img{
            width: 121px;height: 68px;

            float: left;
            margin-top: 21px;
            margin-left: 42px;
            background: url(../images/taolun2.png)no-repeat;
        }
        #text{
            color: white;
            font-family: "微软雅黑";
            font-weight: 700;

            font-size: 1.25rem;
            float: right;
            margin-right: 51px;
            margin-top: 44px;
        }
    }
}


#sitemap{
    width: 100%;height: 225px;
    margin-top: 53px;
    .wrapper{
        width: 1200px;height: 225px;
        margin: 0 auto;
        #gi{
            width: 391px;height: 227px;
            float: left;
            .gi1{
                width: 234px;height: 162px;
//              background: goldenrod;
                margin: 0 auto;
                .h_write{
                    
                    color: #1F8657;
                    font-size: 18px;
                    font-weight: bold;
                    font-family: "微软雅黑";
                }
            }
            .gi2{
                margin-top: 20px;
                li{
                    height: 28px;

                font-size: .875rem;
                    
                    a{
                    color: #7B7B7B;
                        
                    }
                }
            }
        }
        
    }
}

#footer-tools{
    width: 100%;height: 119px;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    .wrapper{
        width: 1200px;height: 119px;
        margin: 0 auto;
            .h-wrapper{
                width: 587px;height: 86px;
                .text{
                    line-height: 86px;
                    float: left;
                }
                .icon{
                    width: 43px;height: 42px;
//                  border: 1px solid violet;
                    float: left;
                    margin-top: 20px;
                    margin-left: 10px;
                }
                 .icon1{
                    width: 43px;height: 42px;
                    float: left;
                    margin-top: 20px;
                    margin-left: 10px;
                    position: relative;
                    &:hover .img100{
                        display: block;
                    }
                    .img100{
                        position: absolute;
                        z-index: 2;
                        top:-125px;
                        left:-41px;
                        display: none;
                    }
                }
                .text1{
                    line-height: 86px;
                    float: left;
                    margin-left: 30px;
                }
            }
            .h-subscribe{
                width: 560px;height: 120px;

                float: right;
                margin-top: -89px;
                .icon{
                    width: 67px;height: 67px;
                    border-radius: 50%;
                    background: #2AAD6F;
                    float: left;
                    margin-top: 25px;
                    margin-left: 10px;
                }
                .about{
                    width: 161px;height: 78px;
                    float: left;
                    margin-top: 20px;
                    margin-left: 11px;
                    .h-delta{
                        color: #1F8657;
                        font-size: 1.25rem;
                        font-weight: 800;
                    }
                    .write{
                        padding-top: 10px;
                        font-size: 14px;
                        font-family: "微软雅黑";
                        
                        
                    }
                }
            }
    }
}

#bottom{
    width: 100%;height: 65px;


    
    .center{

        width: 1200px;height: 65px;

        margin: 0 auto;
        .bottom-info{
            text-align: center;
            line-height: 65px;
            color: #868686;
            font-size: 12px;
        }
    }
}
